<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head>
  <title>Scroll in container (#144)</title>
  <link rel="stylesheet" href="../src/jquery.webui-popover.css" />
  <script src="jquery.js" ></script>
  <script src="../src/jquery.webui-popover.js" ></script>
  <style type="text/css">
  .fullpage {
    width:600px;
    height:1200px;
    background-color: #666666;
    overflow: auto;
  }

  .container {
    margin:5px;
    padding: 5px;
    position: relative;
  }

  .placeholder {
    height: 2000px;
    width: 2000px;
  }

  #popover_test,#popover_test2{
    width: 100px;
    height: 100px;
    margin:100px auto;
    background: #00ccff;
    border: 1px solid blue;
  }

  </style>
  <script type="text/javascript">
    $(document).ready(function(){
        $('#popover_test').webuiPopover({
            container:'.container',
            trigger:'click',
            placement:'right-bottom',
            width:100,
            content: 'content<br>dddd<br>dddd<br>dsfsdfsdf',
            multi:true
        });

        $('#popover_test2').webuiPopover({
            trigger:'click',
            placement:'right-bottom',
            width:100,
            content: 'content<br>dddd<br>dddd<br>dsfsdfsdf',
            multi:true
        });
    });
  </script>
</head>
<body>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <div id="popover_test2">dsfsfsd</div>
    <div class="fullpage">
        <div class="container">
            <div id="popover_test">dsfsfsd</div>
            <div class="placeholder"></div>
        </div>
    </div>
</body>
</html>
